{{#sprite}}

  @mixin sprite {
    background-image: url('{{{escaped_image}}}');
    display: block;
  }
  
{{/sprite}}

{{#items}}

  @mixin icon-{{name}} {
    @include sprite;
    background-repeat: no-repeat;
    background-size: pxToRem({{px.total_width}}) pxToRem({{px.total_height}});
    background-position: pxToRem({{px.offset_x}}) pxToRem({{px.offset_y}});
    width: pxToRem({{px.width}}+3);
    height: pxToRem({{px.height}}+3);
  }

{{/items}}
